
//======================登录注册表单切换======================
$('#showReg').on('click', function () {
  //隐藏登录，显示注册
  $('.login-form').hide()
  $('.reg-form').show()
})

$('#showLogin').on('click', function () {
  //隐藏注册，显示登录
  $('.reg-form').hide()
  $('.login-form').show()
})


//======================自定义表单校验规则======================
//https://www.ilayuis.com/doc/modules/form.html#verify
const form = layui.form
form.verify({
  //密码校验
  pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
  //确认密码校验
  repwd(value) {
    if ($('#pwdIpt').val() !== value) {
      return '两次输入的密码不一致'
    }
  }
})

//======================ajax请求完成注册======================
const layer = layui.layer
$('.reg-form').on('submit', function (e) {
  e.preventDefault()
  //使用jquery的serialize()方法需要给表单元素添加name属性，属性值和接口需要的参数保持一致
  const data = $(this).serialize()
  axios.post('/api/reguser', data).then(({ data: { status, message } }) => {
    if (status !== 0) return layer.msg(message)
    layer.msg('注册成功，请登录！')
    //跳到登录窗口
    $('#showLogin').click()
  })
})

// ======================ajax请求完成登录======================
$('.login-form').on('submit', function (e) {
  e.preventDefault()
  //需要name属性
  const data = $(this).serialize()
  axios({
    method: 'POST',
    url: '/api/login',
    data
  }).then(({ data: { status, message, token } }) => {
    if (status !== 0) return layer.msg(message)
    //登录成功后将token进行本地存储
    localStorage.setItem('token',token)
    layer.msg('登录成功，即将跳转到首页', {
      icon: 1,
      time: 2000 //2秒关闭（如果不配置，默认是3秒）
    }, function () {
      //跳转首页
      location.href = './index.html'
    })
  })
})